//全局状态管理  跨组件或页面来共享数据
import { defineStore } from "pinia";
import { ref } from "vue";

export const useMenuStore = defineStore(
  "menu",
  () => {
    //左边栏菜单默认宽度
    const menuWidth = ref("180px");

    //展开或伸缩左边栏菜单
    function handleMenuWidth() {
      menuWidth.value = menuWidth.value == "180px" ? "64px" : "180px";
    }

    return { menuWidth, handleMenuWidth };
  },
  {
    // 开启持久化
    persist: true
  }
);
